<div>
  <div nz-row>
    <div nz-col [nzSpan]="3" [nzOffset]="3" class="editTitle">
      <h1>{{!!noteTitle ? noteTitle : "开始编辑吧"}}</h1>
    </div>
  </div>
  <div nz-row class="noteInputCard">
    <div nz-col [nzSpan]="18" [nzOffset]="3">
      <nz-card [nzBordered]="false">
        <ng-template #title>
          <div class="">
            <nz-input [nzType]="'text'" [nzPlaceHolder]="'标题'" [(ngModel)]="noteTitle">
              <ng-template #prefix>
                <i class="anticon anticon-user"></i>
              </ng-template>
            </nz-input>
          </div>
        </ng-template>
        <ng-template #body>
          <div [froalaEditor]="options" [(ngModel)]="content"></div>
          <div class="submitBtn">
            <button nz-button [nzType]="'primary'" (click)="handleSubmit()">
              <span>提交</span>
            </button>
          </div>
        </ng-template>
      </nz-card>
    </div>
  </div>
</div>

